 <div class="fadeIn">
                                <br>
            <ol class="breadcrumb">
                <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
                <li class="active">监控工作台 / 环境监控 / 主机监控 / 主机总监控</li>
            </ol>
            <form method="post" id="form" action="hostTotalMon/out-excel" class="form-inline">
                <div class="left marT15 marR10">
                    <span class="search-name">时间选择</span>
                    <div class="controls">
                     <div class="input-prepend input-group">
                       <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                       <input type="text" readonly style="width: 155px" id="hostDate" class="form-control"  /> 
                       <span class="input-group-addon" ng-click='clearTime()'>清空</span>
                     </div>
                    </div>
                </div>
                  
                    <div class="left marT15 marR10">
                        <input type="text" style="display: none;" name="startDate" ng-model='searchData.startDate'>
                        <input type="text" style="display: none;" name="endDate" ng-model='searchData.endDate'>
                        <span class="search-name">主机名</span>
                        <input type="text" class="form-control1" name='objName' 
                        ng-keyup='search($event)'
                        ng-model='searchData.objName'>
                    </div>
                  
                    <div class="left marT15">
                        <input type="button" class="btn btn-primary btn-sm" value="查询" ng-click='search()'>
                    </div>
                 </form>   
               
                 <div class="right marT15" style="position:relative">
                      
                        <button class="btn btn-primary btn-sm" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span ng-style='loadStyle' class="outExcelLoad"><img  src="img/load.gif"></span>
                        </button>
                    </div>
              </div>


      <div class="table-box">

            <table class="table table-bordered table-striped text-center bg-info marT15">
                <thead >
                <tr class="info">
                    <th class="text-center">序号</th>
                    <th class="text-center">时间</th>
                    <th class="text-center">主机名</th>
                    <th class="text-center">ip</th>
                    <th class="text-center">当前异常事件数</th>
                    <th class="text-center">总异常事件数</th>
                    <th class="text-center">监控负责人</th>
                    <th class="text-center">手机号码</th>
                    <th class="text-center">邮箱</th>
                    <th class="text-center">主机用途</th>
                    <!-- <th class="text-center">操作</th> 暂时屏蔽-->
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='item in result'>
                    <td>{{$index+1}}</td>
                    <td class="w115">{{item.insertTime}}</td><!-- <a ng-click='GoSystem(item.id)'>{{item.insertTime}}</a> -->
                    <td class="w70">{{item.objName}}</td><!-- <a href="#/systemMonitor">{{item.objName}}</a> -->
                    <td class="w115">{{item.hostIp}}</td>
                    <td class="w115">{{item.curEventCount}}<!-- </td><a data-toggle="modal" ng-click='showMethod(item.id,1)' data-target="#add2"></a> -->
                    <td class="w115">{{item.tolEventCount}}</td><!-- <a data-toggle="modal" ng-click='showMethod(item.id,2)' data-target="#add2">{{item.tolEventCount}}</a> -->
                    <td class="w115">{{item.userName}}</td>
                    <td class="w85">{{item.phoneNumber}}</td>
                    <td class="w85">{{item.mailBox}}</td>
                    <td style="min-width: 200px; word-break: break-all;">{{item.remark}}</td>
                    <!-- <td><a data-toggle="modal" ng-click="editTr('修改',item.id,item.mainIp,item.purpose)" data-target="#add1">修改</a></td>暂时屏蔽 -->
                </tr>       
                </tbody>
                <!-- <tfoot>
                  <tr>
                   <td><a class="glyphicon glyphicon-plus" data-toggle="modal" ng-click="editTr('添加')" data-target="#add1"></a></td>  
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td> 暂时屏蔽
                      </tr>
                   </tfoot> -->
            </table>
     </div>

            <page></page>
</div>

<!-- 添加修改程序 -->
<div class="modal fade" id="add1" tabindex="-1" role="dialog" aria-labelledby="edit">
    <div class="modal-dialog" style="width:822px" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="add11">{{popup}}主机监控</h4>
            </div>
            <div class="modal-body">
            <div>
                  <div class="input-group marB15 left" style="width:200px">
                    <span class="input-group-addon">主机名称：</span>
                    <select class="form-control" id="selectMainName" ng-model='addData.hostId' ng-options="item.objId as item.objName for item in allMainName" ng-disabled='isDisabled' ng-change='changeName()'>
                    </select>

                  </div> 
                  <div class="input-group marB15 left" style="width:200px; margin-left:80px">
                    <span class="input-group-addon">事件主机ip：</span>
                    <input type="text" class="form-control" ng-model='addData.mainIp' disabled>
                  </div> 
                  <div class="input-group marB15 left" style="width:200px; margin-left:76px">
                    <span class="input-group-addon">主机说明：</span>
                    <input type="text" class="form-control" ng-model='addData.remark' disabled>
                  </div> 
                  <p></p>
            </div>
                <table class="table table-bordered table-striped text-center bg-info marT15">
                    <tr>
                        <td rowspan="2">序号</td>
                        <td rowspan="2">监控指标名称</td>
                        <td rowspan="2">监控频率(秒)</td>
                        <td rowspan="2">指标单位</td>
                        <td colspan="4">告警设置</td>
                        <td rowspan="2" ng-style='addstyle'>操作</td>
                    </tr>
                     <tr>
                        <td>告警等级</td>
                        <td>阈值下限</td>
                        <td>阈值上限</td>
                        <td>持续时长(秒)</td>                       
                    </tr>
                    <tr ng-repeat='item in addData.index'>
                        <td style="text-align: center">{{$index+1}}</td>
                        <td style="width:120px">
                        <select  class="form-control line3" 
                        ng-disabled='isDisabled'
                        ng-model='item.keyId'
                        ng-options='i.keyId as i.keyNameCn for i in indexnames'
                        ></select></td>
                        <td><input type="text" 
                        onkeyup="this.value=this.value.replace(/\D/g,'')"
                        class="form-control line3" style="width:80px" ng-model='item.quantity'></td>
                        <td><select class="form-control line3" ng-model='item.unit' style="width:70px">
                            <option value="百分比">百分比</option>
                            <option value="M">M</option>
                            <option value="G">G</option>
                        </select></td>
                         <td>
                            <select class="form-control line3" ng-model='item.alarmLevel' style="width:70px">
                                <option value='1'>一级</option>
                                <option value='2'>二级</option>
                                <option value='3'>三级</option>
                            </select>
                        </td>
                        <td><input type="text" 
                        onkeyup="this.value=this.value.replace(/\D/g,'')" 
                        class="form-control line3" style="width:70px" 
                        ng-model='item.lowerLimit'></td>
                        <td><input type="text" 
                        onkeyup="this.value=this.value.replace(/\D/g,'')" class="form-control line3" style="width:70px" 
                        ng-model='item.upperLimit'></td>
                        <td><input type="text" 
                        onkeyup="this.value=this.value.replace(/\D/g,'')"
                        class="form-control line3" style="width:70px" 
                        ng-model='item.sustainTime'></td>
                        <td ng-style="addstyle"><button class="btn btn-primary btn-sm" ng-click='delIndex($index)'>删除</button></td>
                        
                    </tr>
                     <tfoot ng-style='addstyle'>
                 <tr><td> <a title='添加' class="glyphicon glyphicon-plus" ng-click='addIndex()'></a></td></tr>
                </tfoot>
                </table>
                <table class="table table-bordered table-striped table-hover bg-info">
                <thead>
                <tr class="bg-info"><td colspan="7">预警接收人员配置：</td></tr>
                <tr>
                    <td>序号</td>
                    <td>预警接收人</td>
                    <td>手机</td>
                    <td>邮箱</td>
                    <td>人员类型</td>
                    <td>接收预警等级</td>
                    <td ng-style='addstyle'>操作</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='item in addData.alarmRecUser'>
                    <td>{{$index+1}}</td>
                    <td><select class="form-control line3" class="receiveUser" 
                    ng-model='item.rceId' 
                    ng-disabled='isDisabled'
                    ng-change='changeRecUser($index)'
                    ng-options='i.rceId as i.receiveUser for i in alarmusers'></select></td>
                    <td><input type="text" class="form-control line3" ng-model='item.phone'></td>
                    <td><input type="text" class="form-control line3" ng-model='item.email'></td>
                    <td><select class="form-control line3" style="width:70px;" ng-model='item.userType'>
                    <option value="1">责任人</option>
                    <option value="0">关注人</option>
                    </select></td>
                    <td>
                        <label><input type="checkbox" ng-model='item.recAlarmLevel1'>1级</label>
                        <label class="marL10 marR10"><input type="checkbox" ng-model='item.recAlarmLevel2'>2级</label>
                        <label><input type="checkbox" ng-model='item.recAlarmLevel3'>3级</label>
                    </td>
                    <td ng-style='addstyle'><button class="btn btn-primary btn-sm" ng-click='delRecevier($index)'>删除</button></td>
                </tr>
                </tbody>
                
                <tfoot ng-style='addstyle'>
                 <tr><td> <a title='添加' class="glyphicon glyphicon-plus" ng-click='addRecevier()'></a></td></tr>
                </tfoot>
                
            </table>
                
                <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary btn-sm" ng-click='saveTr()'>保存</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 添加程序结束 -->
<!-- 显示信息模态框 -->
<div class="modal fade" id="add2" tabindex="-1" role="dialog" aria-labelledby="add12">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4>信息</h4>
                </div>
                <div class="modal-body">
                 <table class="table table-bordered table-hover">
                     <tr class="info">
                         <th>序号</th>
                         <td>事件名称</td>
                         <th>告警等级</th>
                         <td>告警值</td>
                         <th>阀值下限</th>
                         <td>阀值上限</td>               
                     </tr>
                    <tr ng-repeat='item in showData'>
                        <td>{{$index+1}}</td>
                        <td>{{item.eventName}}</td>
                        <td>{{item.warnLevel}}</td>
                        <td>{{item.warnValue}}</td>
                        <td>{{item.lowerValue}}</td>
                        <td>{{item.highValue}}</td>
                    </tr>
                 </table>

                </div>
               
            </div>
        </div>
    </div>
    <!-- 显示信息模态框结束 -->
<!-- 加载框 -->
  <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
<!-- 加载框 完成-->